snapchat icon
snapchat-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- snapchat-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
snapchat-fillAkar Iconssnapchat-filledAnt Design IconssnapchatBootstrap IconssnapchatBoxicons BrandssnapchatCoreUI BrandssnapchatFont Awesome 6 BrandssnapchatFont Awesome BrandssnapchatHuge IconssnapchatIconoirsnapchatJam IconssnapchatLine AwesomesnapchatMage IconssnapchatMaterial Design Iconssnapchat-fillMingCute IconsnapchatSimple Iconssnapchat-outlineTeenyicons
More logos icons from Remix Icon
Use the snapchat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.383 10.58l.02-.249c.01-.147.021-.304.031-.48q.05-.838.051-1.845c0-.872-.294-1.487-.914-2.064c-.66-.614-1.459-.942-2.59-.942c-1.137 0-1.958.335-2.51.888c-.696.695-.957 1.218-.957 2.1c0 .521.06 1.994.095 2.619a2 2 0 0 1-.468 1.4q.081.15.152.318c.3.771.198 1.543-.152 2.271c-.392.818-.73 1.393-1.41 2.154a8 8 0 0 1-.642.643a2 2 0 0 1 .412.564a6 6 0 0 1 1.585.075c.81.146 1.324.434 2.194 1.061l.016.011l.213.152c.62.44.877.546 1.473.546c.609 0 .91-.121 1.523-.552l.207-.146c.877-.632 1.407-.927 2.231-1.076a6.7 6.7 0 0 1 1.56-.074q.021-.043.048-.09q.151-.27.368-.477a8 8 0 0 1-.616-.617a9.2 9.2 0 0 1-1.447-2.159c-.363-.749-.47-1.54-.137-2.321q.06-.147.132-.276a2 2 0 0 1-.468-1.435m-10.316-.102c.42 0 .601.305 1.22.305a.74.74 0 0 0 .325-.066c-.008-.156-.098-1.986-.098-2.729c0-1.688.719-2.69 1.542-3.514S10.162 3 11.982 3s3.066.653 3.952 1.478s1.551 1.93 1.551 3.528c0 1.555-.099 2.594-.107 2.716a.6.6 0 0 0 .278.065c.63 0 .63-.31 1.33-.31c.686 0 .983.57.983.823c0 .621-.832.967-1.33 1.126c-.369.117-.931.291-1.075.635q-.11.261.092.678c.004.008 1.26 2.883 3.93 3.326c.235.035.392.241.392.483c0 .333-.37.617-.727.782c-.443.2-1.09.37-1.952.505c-.043.078-.134.485-.235.887c-.135.542-.8.366-.99.326A5 5 0 0 0 16.277 20c-.483.087-.913.378-1.396.726c-.713.504-1.465 1.076-2.9 1.076s-2.144-.572-2.857-1.076c-.482-.348-.904-.637-1.395-.726c-.899-.163-1.57.036-1.796.056s-.841.245-.996-.326c-.044-.166-.19-.808-.234-.895c-.857-.135-1.509-.313-1.953-.513c-.365-.165-.726-.443-.726-.778c0-.236.158-.44.392-.483c2.643-.483 3.765-3.004 3.921-3.33q.197-.412.092-.679c-.144-.343-.705-.513-1.074-.635c-.105-.034-1.335-.373-1.335-1.117c0-.24.204-.573.581-.73c.162-.066.359-.092.465-.092"/></svg>
React
import type { SVGProps } from "react";
export function RiSnapchatLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.383 10.58l.02-.249c.01-.147.021-.304.031-.48q.05-.838.051-1.845c0-.872-.294-1.487-.914-2.064c-.66-.614-1.459-.942-2.59-.942c-1.137 0-1.958.335-2.51.888c-.696.695-.957 1.218-.957 2.1c0 .521.06 1.994.095 2.619a2 2 0 0 1-.468 1.4q.081.15.152.318c.3.771.198 1.543-.152 2.271c-.392.818-.73 1.393-1.41 2.154a8 8 0 0 1-.642.643a2 2 0 0 1 .412.564a6 6 0 0 1 1.585.075c.81.146 1.324.434 2.194 1.061l.016.011l.213.152c.62.44.877.546 1.473.546c.609 0 .91-.121 1.523-.552l.207-.146c.877-.632 1.407-.927 2.231-1.076a6.7 6.7 0 0 1 1.56-.074q.021-.043.048-.09q.151-.27.368-.477a8 8 0 0 1-.616-.617a9.2 9.2 0 0 1-1.447-2.159c-.363-.749-.47-1.54-.137-2.321q.06-.147.132-.276a2 2 0 0 1-.468-1.435m-10.316-.102c.42 0 .601.305 1.22.305a.74.74 0 0 0 .325-.066c-.008-.156-.098-1.986-.098-2.729c0-1.688.719-2.69 1.542-3.514S10.162 3 11.982 3s3.066.653 3.952 1.478s1.551 1.93 1.551 3.528c0 1.555-.099 2.594-.107 2.716a.6.6 0 0 0 .278.065c.63 0 .63-.31 1.33-.31c.686 0 .983.57.983.823c0 .621-.832.967-1.33 1.126c-.369.117-.931.291-1.075.635q-.11.261.092.678c.004.008 1.26 2.883 3.93 3.326c.235.035.392.241.392.483c0 .333-.37.617-.727.782c-.443.2-1.09.37-1.952.505c-.043.078-.134.485-.235.887c-.135.542-.8.366-.99.326A5 5 0 0 0 16.277 20c-.483.087-.913.378-1.396.726c-.713.504-1.465 1.076-2.9 1.076s-2.144-.572-2.857-1.076c-.482-.348-.904-.637-1.395-.726c-.899-.163-1.57.036-1.796.056s-.841.245-.996-.326c-.044-.166-.19-.808-.234-.895c-.857-.135-1.509-.313-1.953-.513c-.365-.165-.726-.443-.726-.778c0-.236.158-.44.392-.483c2.643-.483 3.765-3.004 3.921-3.33q.197-.412.092-.679c-.144-.343-.705-.513-1.074-.635c-.105-.034-1.335-.373-1.335-1.117c0-.24.204-.573.581-.73c.162-.066.359-.092.465-.092"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.383 10.58l.02-.249c.01-.147.021-.304.031-.48q.05-.838.051-1.845c0-.872-.294-1.487-.914-2.064c-.66-.614-1.459-.942-2.59-.942c-1.137 0-1.958.335-2.51.888c-.696.695-.957 1.218-.957 2.1c0 .521.06 1.994.095 2.619a2 2 0 0 1-.468 1.4q.081.15.152.318c.3.771.198 1.543-.152 2.271c-.392.818-.73 1.393-1.41 2.154a8 8 0 0 1-.642.643a2 2 0 0 1 .412.564a6 6 0 0 1 1.585.075c.81.146 1.324.434 2.194 1.061l.016.011l.213.152c.62.44.877.546 1.473.546c.609 0 .91-.121 1.523-.552l.207-.146c.877-.632 1.407-.927 2.231-1.076a6.7 6.7 0 0 1 1.56-.074q.021-.043.048-.09q.151-.27.368-.477a8 8 0 0 1-.616-.617a9.2 9.2 0 0 1-1.447-2.159c-.363-.749-.47-1.54-.137-2.321q.06-.147.132-.276a2 2 0 0 1-.468-1.435m-10.316-.102c.42 0 .601.305 1.22.305a.74.74 0 0 0 .325-.066c-.008-.156-.098-1.986-.098-2.729c0-1.688.719-2.69 1.542-3.514S10.162 3 11.982 3s3.066.653 3.952 1.478s1.551 1.93 1.551 3.528c0 1.555-.099 2.594-.107 2.716a.6.6 0 0 0 .278.065c.63 0 .63-.31 1.33-.31c.686 0 .983.57.983.823c0 .621-.832.967-1.33 1.126c-.369.117-.931.291-1.075.635q-.11.261.092.678c.004.008 1.26 2.883 3.93 3.326c.235.035.392.241.392.483c0 .333-.37.617-.727.782c-.443.2-1.09.37-1.952.505c-.043.078-.134.485-.235.887c-.135.542-.8.366-.99.326A5 5 0 0 0 16.277 20c-.483.087-.913.378-1.396.726c-.713.504-1.465 1.076-2.9 1.076s-2.144-.572-2.857-1.076c-.482-.348-.904-.637-1.395-.726c-.899-.163-1.57.036-1.796.056s-.841.245-.996-.326c-.044-.166-.19-.808-.234-.895c-.857-.135-1.509-.313-1.953-.513c-.365-.165-.726-.443-.726-.778c0-.236.158-.44.392-.483c2.643-.483 3.765-3.004 3.921-3.33q.197-.412.092-.679c-.144-.343-.705-.513-1.074-.635c-.105-.034-1.335-.373-1.335-1.117c0-.24.204-.573.581-.73c.162-.066.359-.092.465-.092"/></svg> </template>
CSS
.icon-snapchat-line {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.383%2010.58l.02-.249c.01-.147.021-.304.031-.48q.05-.838.051-1.845c0-.872-.294-1.487-.914-2.064c-.66-.614-1.459-.942-2.59-.942c-1.137%200-1.958.335-2.51.888c-.696.695-.957%201.218-.957%202.1c0%20.521.06%201.994.095%202.619a2%202%200%200%201-.468%201.4q.081.15.152.318c.3.771.198%201.543-.152%202.271c-.392.818-.73%201.393-1.41%202.154a8%208%200%200%201-.642.643a2%202%200%200%201%20.412.564a6%206%200%200%201%201.585.075c.81.146%201.324.434%202.194%201.061l.016.011l.213.152c.62.44.877.546%201.473.546c.609%200%20.91-.121%201.523-.552l.207-.146c.877-.632%201.407-.927%202.231-1.076a6.7%206.7%200%200%201%201.56-.074q.021-.043.048-.09q.151-.27.368-.477a8%208%200%200%201-.616-.617a9.2%209.2%200%200%201-1.447-2.159c-.363-.749-.47-1.54-.137-2.321q.06-.147.132-.276a2%202%200%200%201-.468-1.435m-10.316-.102c.42%200%20.601.305%201.22.305a.74.74%200%200%200%20.325-.066c-.008-.156-.098-1.986-.098-2.729c0-1.688.719-2.69%201.542-3.514S10.162%203%2011.982%203s3.066.653%203.952%201.478s1.551%201.93%201.551%203.528c0%201.555-.099%202.594-.107%202.716a.6.6%200%200%200%20.278.065c.63%200%20.63-.31%201.33-.31c.686%200%20.983.57.983.823c0%20.621-.832.967-1.33%201.126c-.369.117-.931.291-1.075.635q-.11.261.092.678c.004.008%201.26%202.883%203.93%203.326c.235.035.392.241.392.483c0%20.333-.37.617-.727.782c-.443.2-1.09.37-1.952.505c-.043.078-.134.485-.235.887c-.135.542-.8.366-.99.326A5%205%200%200%200%2016.277%2020c-.483.087-.913.378-1.396.726c-.713.504-1.465%201.076-2.9%201.076s-2.144-.572-2.857-1.076c-.482-.348-.904-.637-1.395-.726c-.899-.163-1.57.036-1.796.056s-.841.245-.996-.326c-.044-.166-.19-.808-.234-.895c-.857-.135-1.509-.313-1.953-.513c-.365-.165-.726-.443-.726-.778c0-.236.158-.44.392-.483c2.643-.483%203.765-3.004%203.921-3.33q.197-.412.092-.679c-.144-.343-.705-.513-1.074-.635c-.105-.034-1.335-.373-1.335-1.117c0-.24.204-.573.581-.73c.162-.066.359-.092.465-.092%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.383%2010.58l.02-.249c.01-.147.021-.304.031-.48q.05-.838.051-1.845c0-.872-.294-1.487-.914-2.064c-.66-.614-1.459-.942-2.59-.942c-1.137%200-1.958.335-2.51.888c-.696.695-.957%201.218-.957%202.1c0%20.521.06%201.994.095%202.619a2%202%200%200%201-.468%201.4q.081.15.152.318c.3.771.198%201.543-.152%202.271c-.392.818-.73%201.393-1.41%202.154a8%208%200%200%201-.642.643a2%202%200%200%201%20.412.564a6%206%200%200%201%201.585.075c.81.146%201.324.434%202.194%201.061l.016.011l.213.152c.62.44.877.546%201.473.546c.609%200%20.91-.121%201.523-.552l.207-.146c.877-.632%201.407-.927%202.231-1.076a6.7%206.7%200%200%201%201.56-.074q.021-.043.048-.09q.151-.27.368-.477a8%208%200%200%201-.616-.617a9.2%209.2%200%200%201-1.447-2.159c-.363-.749-.47-1.54-.137-2.321q.06-.147.132-.276a2%202%200%200%201-.468-1.435m-10.316-.102c.42%200%20.601.305%201.22.305a.74.74%200%200%200%20.325-.066c-.008-.156-.098-1.986-.098-2.729c0-1.688.719-2.69%201.542-3.514S10.162%203%2011.982%203s3.066.653%203.952%201.478s1.551%201.93%201.551%203.528c0%201.555-.099%202.594-.107%202.716a.6.6%200%200%200%20.278.065c.63%200%20.63-.31%201.33-.31c.686%200%20.983.57.983.823c0%20.621-.832.967-1.33%201.126c-.369.117-.931.291-1.075.635q-.11.261.092.678c.004.008%201.26%202.883%203.93%203.326c.235.035.392.241.392.483c0%20.333-.37.617-.727.782c-.443.2-1.09.37-1.952.505c-.043.078-.134.485-.235.887c-.135.542-.8.366-.99.326A5%205%200%200%200%2016.277%2020c-.483.087-.913.378-1.396.726c-.713.504-1.465%201.076-2.9%201.076s-2.144-.572-2.857-1.076c-.482-.348-.904-.637-1.395-.726c-.899-.163-1.57.036-1.796.056s-.841.245-.996-.326c-.044-.166-.19-.808-.234-.895c-.857-.135-1.509-.313-1.953-.513c-.365-.165-.726-.443-.726-.778c0-.236.158-.44.392-.483c2.643-.483%203.765-3.004%203.921-3.33q.197-.412.092-.679c-.144-.343-.705-.513-1.074-.635c-.105-.034-1.335-.373-1.335-1.117c0-.24.204-.573.581-.73c.162-.066.359-.092.465-.092%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/snapchat-line.svg?color=%231a73e8&size=48
