├── .gitignore ├── como-usar ├── css │ └── main.css ├── img │ ├── alarm_clock.svg │ ├── assistant.svg │ ├── audio_file.svg │ ├── automotive.svg │ ├── businessman.svg │ └── compact_camera.svg ├── svg-como-background.html ├── svg-como-data-uri.html ├── svg-como-iframe.html ├── svg-como-imagem.html └── svg-inline.html ├── elementos-containers ├── css │ └── main.css └── index.html ├── estilizando-svg-css ├── css │ └── main.css ├── current-color.html ├── fill-stroke.html ├── img │ └── peso-propriedades.jpg ├── index.html └── peso-propriedades.html ├── estrutura-svg ├── css │ └── main.css ├── preserveAspectRatio.html └── viewport-viewbox.html ├── filtros ├── css │ └── main.css └── index.html ├── formas-basicas ├── css │ └── main.css └── index.html ├── history ├── rise-and-fall.svg ├── slider.css └── slider.js ├── icomoon_4_icons ├── PNG │ ├── about.png │ ├── address-book.png │ ├── advertising.png │ └── battery.png ├── Read Me.txt ├── SVG │ ├── about.svg │ ├── address-book.svg │ ├── advertising.svg │ └── battery.svg ├── demo-external-svg.html ├── demo-files │ └── demo.css ├── demo.html ├── selection.json ├── style.css ├── svgxuse.js └── symbol-defs.svg ├── icones-svg ├── css │ └── main.css ├── icons │ ├── about.svg │ ├── approval.svg │ ├── automatic.svg │ ├── biotech.svg │ └── bookmark.svg ├── index.html └── symbols.svg ├── illustrator ├── g-from-google.svg ├── google-path.svg └── outlines.svg ├── js ├── css │ └── main.css └── index.html ├── loader-svg ├── css │ └── main.css ├── index.html └── octocat-loader.svg ├── logo-responsiva ├── css │ └── main.css ├── disney │ ├── disney-models.png │ ├── disney-responsive.svg │ ├── disney.html │ └── disney.svg ├── starbucks-responsive.svg └── starbucks.html ├── readme.md ├── smil-animations ├── css │ └── main.css ├── index.html ├── morph.html └── motion.html ├── strokes ├── css │ └── main.css ├── draw-scroll.html ├── draw.html └── loader.html └── svg-sprite-boilerplate ├── gulpfile.js ├── icons ├── about.svg ├── add_image.svg ├── address_book.svg ├── alarm_clock.svg ├── approval.svg ├── area_chart.svg ├── binoculars.svg ├── biohazard.svg └── biomass.svg ├── package.json └── sprite ├── sprite.svg └── sprite.symbol.html /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/.gitignore -------------------------------------------------------------------------------- /como-usar/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/css/main.css -------------------------------------------------------------------------------- /como-usar/img/alarm_clock.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/img/alarm_clock.svg -------------------------------------------------------------------------------- /como-usar/img/assistant.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/img/assistant.svg -------------------------------------------------------------------------------- /como-usar/img/audio_file.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/img/audio_file.svg -------------------------------------------------------------------------------- /como-usar/img/automotive.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/img/automotive.svg -------------------------------------------------------------------------------- /como-usar/img/businessman.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/img/businessman.svg -------------------------------------------------------------------------------- /como-usar/img/compact_camera.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/img/compact_camera.svg -------------------------------------------------------------------------------- /como-usar/svg-como-background.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/svg-como-background.html -------------------------------------------------------------------------------- /como-usar/svg-como-data-uri.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/svg-como-data-uri.html -------------------------------------------------------------------------------- /como-usar/svg-como-iframe.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/svg-como-iframe.html -------------------------------------------------------------------------------- /como-usar/svg-como-imagem.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/svg-como-imagem.html -------------------------------------------------------------------------------- /como-usar/svg-inline.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/como-usar/svg-inline.html -------------------------------------------------------------------------------- /elementos-containers/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/elementos-containers/css/main.css -------------------------------------------------------------------------------- /elementos-containers/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/elementos-containers/index.html -------------------------------------------------------------------------------- /estilizando-svg-css/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estilizando-svg-css/css/main.css -------------------------------------------------------------------------------- /estilizando-svg-css/current-color.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estilizando-svg-css/current-color.html -------------------------------------------------------------------------------- /estilizando-svg-css/fill-stroke.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estilizando-svg-css/fill-stroke.html -------------------------------------------------------------------------------- /estilizando-svg-css/img/peso-propriedades.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estilizando-svg-css/img/peso-propriedades.jpg -------------------------------------------------------------------------------- /estilizando-svg-css/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estilizando-svg-css/index.html -------------------------------------------------------------------------------- /estilizando-svg-css/peso-propriedades.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estilizando-svg-css/peso-propriedades.html -------------------------------------------------------------------------------- /estrutura-svg/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estrutura-svg/css/main.css -------------------------------------------------------------------------------- /estrutura-svg/preserveAspectRatio.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estrutura-svg/preserveAspectRatio.html -------------------------------------------------------------------------------- /estrutura-svg/viewport-viewbox.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/estrutura-svg/viewport-viewbox.html -------------------------------------------------------------------------------- /filtros/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/filtros/css/main.css -------------------------------------------------------------------------------- /filtros/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/filtros/index.html -------------------------------------------------------------------------------- /formas-basicas/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/formas-basicas/css/main.css -------------------------------------------------------------------------------- /formas-basicas/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/formas-basicas/index.html -------------------------------------------------------------------------------- /history/rise-and-fall.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/history/rise-and-fall.svg -------------------------------------------------------------------------------- /history/slider.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/history/slider.css -------------------------------------------------------------------------------- /history/slider.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/history/slider.js -------------------------------------------------------------------------------- /icomoon_4_icons/PNG/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/PNG/about.png -------------------------------------------------------------------------------- /icomoon_4_icons/PNG/address-book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/PNG/address-book.png -------------------------------------------------------------------------------- /icomoon_4_icons/PNG/advertising.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/PNG/advertising.png -------------------------------------------------------------------------------- /icomoon_4_icons/PNG/battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/PNG/battery.png -------------------------------------------------------------------------------- /icomoon_4_icons/Read Me.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/Read Me.txt -------------------------------------------------------------------------------- /icomoon_4_icons/SVG/about.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/SVG/about.svg -------------------------------------------------------------------------------- /icomoon_4_icons/SVG/address-book.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/SVG/address-book.svg -------------------------------------------------------------------------------- /icomoon_4_icons/SVG/advertising.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/SVG/advertising.svg -------------------------------------------------------------------------------- /icomoon_4_icons/SVG/battery.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/SVG/battery.svg -------------------------------------------------------------------------------- /icomoon_4_icons/demo-external-svg.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/demo-external-svg.html -------------------------------------------------------------------------------- /icomoon_4_icons/demo-files/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/demo-files/demo.css -------------------------------------------------------------------------------- /icomoon_4_icons/demo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/demo.html -------------------------------------------------------------------------------- /icomoon_4_icons/selection.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/selection.json -------------------------------------------------------------------------------- /icomoon_4_icons/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/style.css -------------------------------------------------------------------------------- /icomoon_4_icons/svgxuse.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/svgxuse.js -------------------------------------------------------------------------------- /icomoon_4_icons/symbol-defs.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icomoon_4_icons/symbol-defs.svg -------------------------------------------------------------------------------- /icones-svg/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/css/main.css -------------------------------------------------------------------------------- /icones-svg/icons/about.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/icons/about.svg -------------------------------------------------------------------------------- /icones-svg/icons/approval.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/icons/approval.svg -------------------------------------------------------------------------------- /icones-svg/icons/automatic.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/icons/automatic.svg -------------------------------------------------------------------------------- /icones-svg/icons/biotech.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/icons/biotech.svg -------------------------------------------------------------------------------- /icones-svg/icons/bookmark.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/icons/bookmark.svg -------------------------------------------------------------------------------- /icones-svg/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/index.html -------------------------------------------------------------------------------- /icones-svg/symbols.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/icones-svg/symbols.svg -------------------------------------------------------------------------------- /illustrator/g-from-google.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/illustrator/g-from-google.svg -------------------------------------------------------------------------------- /illustrator/google-path.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/illustrator/google-path.svg -------------------------------------------------------------------------------- /illustrator/outlines.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/illustrator/outlines.svg -------------------------------------------------------------------------------- /js/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/js/css/main.css -------------------------------------------------------------------------------- /js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/js/index.html -------------------------------------------------------------------------------- /loader-svg/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/loader-svg/css/main.css -------------------------------------------------------------------------------- /loader-svg/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/loader-svg/index.html -------------------------------------------------------------------------------- /loader-svg/octocat-loader.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/loader-svg/octocat-loader.svg -------------------------------------------------------------------------------- /logo-responsiva/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/css/main.css -------------------------------------------------------------------------------- /logo-responsiva/disney/disney-models.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/disney/disney-models.png -------------------------------------------------------------------------------- /logo-responsiva/disney/disney-responsive.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/disney/disney-responsive.svg -------------------------------------------------------------------------------- /logo-responsiva/disney/disney.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/disney/disney.html -------------------------------------------------------------------------------- /logo-responsiva/disney/disney.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/disney/disney.svg -------------------------------------------------------------------------------- /logo-responsiva/starbucks-responsive.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/starbucks-responsive.svg -------------------------------------------------------------------------------- /logo-responsiva/starbucks.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/logo-responsiva/starbucks.html -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/readme.md -------------------------------------------------------------------------------- /smil-animations/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/smil-animations/css/main.css -------------------------------------------------------------------------------- /smil-animations/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/smil-animations/index.html -------------------------------------------------------------------------------- /smil-animations/morph.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/smil-animations/morph.html -------------------------------------------------------------------------------- /smil-animations/motion.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/smil-animations/motion.html -------------------------------------------------------------------------------- /strokes/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/strokes/css/main.css -------------------------------------------------------------------------------- /strokes/draw-scroll.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/strokes/draw-scroll.html -------------------------------------------------------------------------------- /strokes/draw.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/strokes/draw.html -------------------------------------------------------------------------------- /strokes/loader.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/strokes/loader.html -------------------------------------------------------------------------------- /svg-sprite-boilerplate/gulpfile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/gulpfile.js -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/about.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/about.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/add_image.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/add_image.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/address_book.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/address_book.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/alarm_clock.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/alarm_clock.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/approval.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/approval.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/area_chart.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/area_chart.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/binoculars.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/binoculars.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/biohazard.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/biohazard.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/icons/biomass.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/icons/biomass.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/package.json -------------------------------------------------------------------------------- /svg-sprite-boilerplate/sprite/sprite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/sprite/sprite.svg -------------------------------------------------------------------------------- /svg-sprite-boilerplate/sprite/sprite.symbol.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/willianjusten/curso-de-svg/HEAD/svg-sprite-boilerplate/sprite/sprite.symbol.html --------------------------------------------------------------------------------